<template lang="html">
	<div class="detailsnav">
		<ul>
			<router-link tag="li" to="/details" active-class="active">
				详情
			</router-link>
			<router-link tag="li" to="/catalog" active-class="active">
				目录
			</router-link>
			<router-link tag="li" to="/correlation" active-class="active">
				相关课程
			</router-link>
		</ul>
	</div>
</template>
<script>
	export default{
		name:'detailsnav',
		data(){
			return{
				
			}
		}
	}
</script>
<style lang="less" scoped>
ul{
  display: flex;
  border-bottom: 1px solid #ddd;
}

ul li{
  padding: 18px 0 12px 0;
  font-size: 18px;
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 2;
}

ul li a{
  display: block;
}
</style>